<template>
    <div class="position">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>
                <a href="/">首页</a>
            </el-breadcrumb-item>
            <el-breadcrumb-item v-for="(item,index) in navList" :key='index'>
                    <a  v-if="item.url" :href="item.url">{{item.name}}</a>
                    <span v-else>{{item.name}}</span>
            </el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>
<script>
export default {
    props:{
        navList:{}
    },
    data(){
        return{

        }
    },
    mounted(){

    },
    methods:{

    }
}
</script>
<style lang="scss" scoped>
    .position{
        margin-bottom: 15px;
    }
</style>